<!DOCTYPE html>

<html>
<head>
    <title>家教精灵官网_首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="baseurl" value="">
   <meta name="applicable-device" content="mobile">
    <link rel="canonical" href="https://m.changingedu.com/zhoukou">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <script>!function () {
        var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:hover{text-decoration:underline}ins,a{text-decoration:none}", b = document.createElement("style");
        if (document.getElementsByTagName("head")[0].appendChild(b), b.styleSheet)b.styleSheet.disabled || (b.styleSheet.cssText = a); else try {
            b.innerHTML = a
        } catch (c) {
            b.innerText = a
        }
    }();
    !function (a, b) {
        function c() {
            var b = f.getBoundingClientRect().width;
            b / i > 540 && (b = 540 * i);
            var c = b / 10;
            f.style.fontSize = c + "px", k.rem = a.rem = c
        }

        var d, e = a.document, f = e.documentElement, g = e.querySelector('meta[name="viewport"]'), h = e.querySelector('meta[name="flexible"]'), i = 0, j = 0, k = b.flexible || (b.flexible = {});
        if (g) {
            console.warn("将根据已有的meta标签来设置缩放比例");
            var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
            l && (j = parseFloat(l[1]), i = parseInt(1 / j))
        } else if (h) {
            var m = h.getAttribute("content");
            if (m) {
                var n = m.match(/initial\-dpr=([\d\.]+)/), o = m.match(/maximum\-dpr=([\d\.]+)/);
                n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((1 / i).toFixed(2)))
            }
        }
        if (!i && !j) {
            var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)), q = a.devicePixelRatio;
            i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
        }
        if (f.setAttribute("data-dpr", i), !g)if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content", "initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f.firstElementChild)f.firstElementChild.appendChild(g); else {
            var r = e.createElement("div");
            r.appendChild(g), e.write(r.innerHTML)
        }
        a.addEventListener("resize", function () {
            clearTimeout(d), d = setTimeout(c, 300)
        }, !1), a.addEventListener("pageshow", function (a) {
            a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
        }, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener("DOMContentLoaded", function () {
            e.body.style.fontSize = 12 * i + "px"
        }, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
            var b = parseFloat(a) * this.rem;
            return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
        }, k.px2rem = function (a) {
            var b = parseFloat(a) / this.rem;
            return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
        }
    }(window, window.lib || (window.lib = {}));</script>

    <link rel="stylesheet" type="text/css"
          href="__TMPL__/public/assets/css/common_css-1fe12f85234e85ce973d3535dad4b1d1.css">
    <link rel="stylesheet"
          href="__TMPL__/public/assets/css/findteacher-fb6ae70e77651ca2d497f9e9bdd2ba0c.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link href="__TMPL__/public/assets/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_547740_9gs87aifpyzaor.css"/>
    <style>@charset "utf-8";
    html {
        color: #000;
        background: #fff;
        overflow-y: scroll;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

    html * {
        outline: 0;
        -webkit-text-size-adjust: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    html, body {
        font-family: sans-serif
    }

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        margin: 0;
        padding: 0
    }

    input, select, textarea {
        font-size: 100%
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    fieldset, img {
        border: 0
    }

    abbr, acronym {
        border: 0;
        font-variant: normal
    }

    del {
        text-decoration: line-through
    }

    address, caption, cite, code, dfn, em, th, var {
        font-style: normal;
        font-weight: 500
    }

    ol, ul {
        list-style: none
    }

    caption, th {
        text-align: left
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: 500
    }

    q:before, q:after {
        content: ''
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    a:hover {
        text-decoration: underline
    }

    ins, a {
        text-decoration: none
    }
    .mui-bar:after{ height:0}
    .mui-bar:before{ height:0}
    </style>
</head>
<body style="font-size: 12px;">
<div class="js-container mui-control-content mui-active" style="position: initial;">
    <div class="com-wrap rel find-home">
        <div class="head-wrap">
            <div class="header-log rel">
                <div class="logo"></div>
                <a href="">
                    <div class="city_select" data-external="actioncode=citychange">
                        <if condition="$city neq ''">
                            <span id="city_name" data-external="actioncode=citychange">
                            {$city}
                           </span>
                            <else />
                             <span id="" data-external="actioncode=citychange">
                            周口
                           </span>
                        </if>
                        <div class="icon-drop" data-external="actioncode=citychange">
                            <em data-external="actioncode=citychange"></em>
                        </div>
                    </div>
                </a>
                <a class="dowload_teacher_app" style="text-decoration: none;"
                   href="{:url('teacher/teacher')}"
                   data-external="actioncode=c_tr_download">我是老师</a>
            </div>
            <!-- 轮播图-->
            <div class="banner-wrap swiper-container swiper-container-horizontal">
                <!--首页轮播图-->
                <div id="slider" class="mui-slider lb" style="width: 100%;">
                    <div class="mui-slider-group mui-slider-loop">
                        <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                        <div class="mui-slider-item mui-slider-item-duplicate">
                            <a href="#">
                                <img src="{:cmf_get_image_url($last.image)}">
                            </a>
                        </div>
                        <volist name="sliders" id="vo">
                            <div class="mui-slider-item">
                                <a href="#">
                                    <img src="{:cmf_get_image_url($vo.image)}">
                                </a>
                            </div>
                        </volist>
                        <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                        <div class="mui-slider-item mui-slider-item-duplicate">
                            <a href="#">
                                <img src="{:cmf_get_image_url($first.image)}">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 轮播图-->
            <!-- 课程分类-->
           <!-- <div class="course-wrap-container">
                <div class="course-newhome-wrap swiper-container swiper-container-horizontal" id="normal_course_wrap"
                     style="transform: translateX(0%);">
                    <div id="slider1" class="mui-slider lb" style="width: 100%;">
                        <div class="mui-slider-group mui-slider-loop">
                            <div class="mui-slider-item">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide item" data-id="11">
                                        <a style="text-decoration: none"
                                                href="{:cmf_url('portal/Type/type',['subject'=>'科学'])}"
                                                title="周口科学家教辅导">
                                            <div class="icon" data-external="actioncode=subject"><img
                                                    data-external="actioncode=subject"
                                                    src="__TMPL__/public/assets/images/icon_home_kexue@2x.png"
                                                    data-src2="https://static.changingedu.com/20170606140024/html5/findteacher/images/course_icon/icon_home_kexue@2x.png">
                                            </div>
                                            <div class="txt" data-external="actioncode=subject">科学</div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="mui-slider-item">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide item swiper-slide-active" data-id="2">
                                        <a style="text-decoration: none"
                                                href="{:cmf_url('portal/Type/type',['subject'=>'数学'])}" title="周口数学家教辅导">
                                            <div class="icon" data-external="actioncode=subject"><img
                                                    data-external="actioncode=subject"
                                                    src="__TMPL__/public/assets/images/icon_home_shuxue@2x.png">
                                            </div>
                                            <div class="txt" data-external="actioncode=subject">数学</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide item swiper-slide-next" data-id="3">
                                        <a style="text-decoration: none"
                                                href="{:cmf_url('portal/Type/type',['subject'=>'英语'])}" title="周口英语家教辅导">
                                            <div class="icon" data-external="actioncode=subject"><img
                                                    data-external="actioncode=subject"
                                                    src="__TMPL__/public/assets/images/icon_home_yinyu@2x.png">
                                            </div>
                                            <div class="txt" data-external="actioncode=subject">英语</div>
                                        </a></div>
                                    <div class="swiper-slide item" data-id="1"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'语文'])}"
                                            title="周口语文家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_yuwen@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">语文</div>
                                    </a>
                                    </div>
                                    <div class="swiper-slide item" data-id="4"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'物理'])}"
                                            title="周口物理家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_wuli@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">物理</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="5"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'化学'])}"
                                            title="周口化学家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_huaxue@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">化学</div>
                                    </a></div>
                                </div>
                            </div>
                            <div class="mui-slider-item">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide item" data-id="8"><a style="text-decoration: none"
                                            href="https://m.changingedu.com/zhoukou/r-b8"
                                            title="周口生物家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_shengwu@2x.png"
                                                data-src2="https://static.changingedu.com/20170606140024/html5/findteacher/images/course_icon/icon_home_shengwu@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">生物</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="6"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'政治'])}"
                                            title="周口政治家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_zhengzhi@2x.png"
                                                data-src2="https://static.changingedu.com/20170606140024/html5/findteacher/images/course_icon/icon_home_zhengzhi@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">政治</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="9"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'历史'])}"
                                            title="周口历史家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_lishi@2x.png"
                                                data-src2="https://static.changingedu.com/20170606140024/html5/findteacher/images/course_icon/icon_home_lishi@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">历史</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="7"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'地理'])}"
                                            title="周口地理家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_dili@2x.png"
                                                data-src2="https://static.changingedu.com/20170606140024/html5/findteacher/images/course_icon/icon_home_dili@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">地理</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="10"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'奥数'])}"
                                            title="周口奥数家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_aoshu@2x.png"
                                                data-src2="https://static.changingedu.com/20170606140024/html5/findteacher/images/course_icon/icon_home_aoshu@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">奥数</div>
                                    </a></div>
                                </div>
                            </div>
                            <div class="mui-slider-item">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide item" data-id="11"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'科学'])}"
                                            title="周口科学家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_kexue@2x.png"
                                                data-src2="https://static.changingedu.com/20170606140024/html5/findteacher/images/course_icon/icon_home_kexue@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">科学</div>
                                    </a></div>
                                </div>
                            </div>
                            <div class="mui-slider-item">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide item swiper-slide-active" data-id="2"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'数学'])}" title="周口数学家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_shuxue@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">数学</div>
                                    </a></div>
                                    <div class="swiper-slide item swiper-slide-next" data-id="3"><a style="text-decoration: none"
                                            href="{:cmf_url('portal/Type/type',['subject'=>'英语'])}" title="周口英语家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_yinyu@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">英语</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="1"><a style="text-decoration: none"
                                            href="语文"
                                            title="周口语文家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_yuwen@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">语文</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="4"><a style="text-decoration: none"
                                            href="物理"
                                            title="周口物理家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_wuli@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">物理</div>
                                    </a></div>
                                    <div class="swiper-slide item" data-id="5"><a style="text-decoration: none"
                                            href="化学"
                                            title="周口化学家教辅导">
                                        <div class="icon" data-external="actioncode=subject"><img
                                                data-external="actioncode=subject"
                                                src="__TMPL__/public/assets/images/icon_home_huaxue@2x.png">
                                        </div>
                                        <div class="txt" data-external="actioncode=subject">化学</div>
                                    </a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>-->
            <!-- 课程分类-->
            <!-- 课程分类-->
            <div class="weui-grids" style="background-color: white;margin-top: 8px" >
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'数学'])}" title="周口数学家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_shuxue@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">数学</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'语文'])}" title="周口语文家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_yuwen@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">语文</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'英语'])}" title="周口英语家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_yinyu@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">英语</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'物理'])}" title="周口物理家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_wuli@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">物理</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'化学'])}" title="周口化学家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_huaxue@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">化学</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'奥数'])}" title="周口奥数家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_aoshu@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">奥数</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'地理'])}" title="周口地理家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_dili@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">地理</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'科学'])}" title="周口科学家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_kexue@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">科学</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'历史'])}" title="周口历史家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_lishi@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">历史</p>
                </a>
                <a class="weui-grid" style="width: 20%;text-decoration: none" href="{:cmf_url('portal/Type/type',['subject'=>'生物'])}" title="周口生物家教辅导">
                    <div class="weui-grid__icon">
                        <img src="__TMPL__/public/assets/images/icon_home_shengwu@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">生物</p>
                </a>
            </div>
            <!-- 课程分类-->
        </div>
<script>
    function test(){
        alert("跳转中......");
    }
</script>
       <!-- <div class="qingqing-promotes" style="margin-top: 10px">
            <div class="operation-banner rel">
                <div class="js-search-item" style="width:25%;height:50%;top:0%;left:50%;"
                     data-search_url="%7B%22teacher_feature_phrases%22%3A%5B%22%E6%9C%8B%E5%8F%8B%E5%9B%A2%22%5D%7D">
                    <img src="__TMPL__/public/assets/images/18a61021-18d1-4864-a439-740bb2a26862.jpg.webp" onclick="test()">
                </div>

                <div class="js-search-item" style="width:25%;height:50%;top:50%;left:50%;">
                    <a href="##">
                        <img src="__TMPL__/public/assets/images/977579bc-3a1b-4661-8376-e01f9a5a063c.jpg.webp" onclick="test()">
                    </a>
                </div>
                <div class="js-search-item" style="width:25%;height:50%;top:50%;left:75%;">
                    <a href="##">
                        <img src="__TMPL__/public/assets/images/467d0348-1865-4d91-85ef-b5c7ce5bd22b.jpg.webp" onclick="test()">
                    </a>
                </div>

                <div class="js-search-item" style="width:25%;height:50%;top:0%;left:75%;">
                    <a href="##">
                        <img src="__TMPL__/public/assets/images/1894788f-1c81-4f30-b174-eb232c31757e.jpg.webp" onclick="test()">
                    </a>
                </div>
                <div class="js-search-item" style="width:50%;height:100%;top:0%;left:0%;">
                    <a href="##">
                        <img src="__TMPL__/public/assets/images/23ebf7fb-ecaf-4ce6-b746-508dbc09919e.jpg.webp" onclick="test()">
                    </a>
                </div>
            </div>

        </div>

        <div id="teacher-home-placeholder cf" style="width:100%;height:1px;visibility:hidden;"></div>
       -->
        <div style="margin-top: 29px">
            <div class="img-gallary cf" style="margin-top: 0px;position:absolute;padding:0px; overflow: hidden;">
                <div class="teacher_title">
                    <div class="hot_teacher"><span class="">热门名师</span></div>
                </div>
                <div class="teacher_all list-main-mian weui-form-preview infinite weui-pull-to-refresh" id="listwrap">
                    <div class="teacher_l" style="margin-top: 50px" id="list">
                        <!-- <volist name="teachers" id="vo">
                             <a href="{:url('detail/detail',array('id'=>$vo.id))}" data-external="actioncode=hottr">
                                 <div class="header_h">
                                     <div class="price-wrap_h" data-external="actioncode=hottr">
                                         <div class="prices" data-external="actioncode=list">¥{$vo.price}<span> 起</span>
                                         </div>
                                     </div>
                                     <div class="teacher_imgs">
                                         <if condition="$vo.picture neq ''">
                                             <img src="{$vo.picture}" alt="" data-external="actioncode=hottr">
                                             <else/>
                                             <img src="__TMPL__/public/assets/images/demo/techer1.jpg" alt=""
                                                  data-external="actioncode=hottr">
                                         </if>

                                     </div>
                                     <div class="info" data-external="actioncode=hottr">
                                         <p class="rel">
                                             <span class="txt  is_trmt">{$vo.name}</span>
                                         </p>

                                         <div class="sub-txt" style="margin-top: 14px">
                                             <span style="color: #ffb812;font-size: 15px">★★★★★</span>&nbsp&nbsp{$vo.subject} {$vo.grade}
                                         </div>

                                         <div class="tags" style="margin-top: 14px">
                                             <span><em></em>实名</span>
                                             <span><em></em>资质</span>
                                             <span><em></em>学历</span>
                                         </div>
                                         &lt;!&ndash;<div class="range"><500m</div>&ndash;&gt;
                                     </div>
                                 </div>
                             </a>
                         </volist>-->

                    </div>
                    <div class="weui-loadmore" id="load" style="height: 80px">
                        <i class="weui-loading"></i>
                        <span class="weui-loadmore__tips">正在加载</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="popup-mask find_teacher_mask hidden"></div>
<nav class="mui-bar mui-bar-tab"  style="box-shadow: 0 0 1px #ffffff;text-decoration: none">
    <a class="mui-tab-item mui-active" id="sy">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item " style="text-decoration: none" id="hot">
			        <span class="mui-icon bb icon-remen" style="font-size: 30px;margin-left: -10px;margin-bottom: 13px;">
			        </span>
        <span class="mui-tab-label" style="margin-top: -8px">热门</span>
    </a>
    <a class="mui-tab-item"  style="text-decoration: none"  id="my">
        <span class="mui-icon bb icon-wode"></span>
        <span class="mui-tab-label">我的</span>
    </a>
    <input type="hidden" id="hotc" value="{$hot}">
</nav>
<script src="__TMPL__/public/assets/js/jquery-2.1.4.js"></script>
<script src="__TMPL__/public/assets/js/fastclick.js"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>
<script src="__TMPL__/public/assets/js/jquery-weui.js"></script>
<script src="__TMPL__/public/assets/js/city-picker.js"></script>
<script src="__TMPL__/public/assets/js/swiper.js"></script>

<script src="__TMPL__/public/assets/js/mui.min.js"></script>
<script>
    // **************************************************************
    var flag=1;
    var pages =1;
    $(function () {
        console.log('kaishi');
        var loading = false;  //状态标记
        $(document.body).infinite().on("infinite", function() {
            if(loading) return;
            loading = true;

            setTimeout(function() {

                console.log('loadlist');
                console.log("sort:"+pages);
                /*  console.log("grade:"+grade);
                 console.log("city:"+city);
                 console.log("screensex:"+screensex);
                 console.log("screenedu:"+screenedu);*/
                var str = "";
                $.ajax({
                    type:"post",
                    url:"{:url('/portal/Index/index')}",
                    dataType:'JSON',
                    data:{page:pages},
                    error: function (){
                        console.log("error");
                        if(flag){
                            $(".weui-loadmore").hide();
                            str += " <div class=\"weui-cells__title\" style=\"height: 50px;text-align: center;border-top:1px solid #e4e4e4;margin-bottom: 50px;margin-top: 0px\" >暂无更多数据</div>";
                            $("#list").append(str);
                            flag++;
                        }
                        else{
                            flag++;
                        }

                    },
                    success: function (data) {
                        console.log(data);
                        if (data.length > 0){
                            console.log(data);
                            for(var k in data) {
                                $("#list").append("<a style=\"padding: 0;text-decoration:none\" href=\"{:url('/portal/detail/detail/id/')}" + data[k].id + "\">" +
                                        '  <div class="header_h" style="border-top:1px solid #e4e4e4;">' +
                                        '<div class="price-wrap_h" data-external="actioncode=hottr">' +
                                        '<div class="prices" data-external="actioncode=list">' + data[k].price + '<span> 起</span></div>' +
                                        '</div>' +
                                        '<div class="teacher_imgs"><img src="__TMPL__/public/assets/images/demo/techer1.jpg" data-external="actioncode=hottr"></div>' +
                                        '<div class="info" data-external="actioncode=hottr">' +
                                        '<p class="rel"><span class="txt  is_trmt">' + data[k].name + '</span></p>' +
                                        '<div class="sub-txt" style="margin-top: 14px">  <span style="color: #ffb812;font-size: 15px">★★★★★</span>' + data[k].subject + ' ' + data[k].grade + '</div>' +
                                        '<div class="tags" style="margin-top: 20px">' +
                                        '<span><em></em>实名</span>' +
                                        '<span><em></em>资质</span>' +
                                        '<span><em></em>学历</span>' +
                                        '</div>' +
                                        '</div>' +
                                        "</div> </a>");
                                loading = false;
                            }
                        }else{
                            console.log("flag:"+flag);
                            if(flag==1){
                                $("#list").append("<div class=\"weui-cells__title\" style=\"line-height: 50px;text-align: center;border-top:1px solid #e4e4e4;margin-bottom:50px;margin-top: 0px\" >暂无更多数据</div>");
                                loading = false;
                                flag++;
                            }
                            else{
                                document.getElementById("load").remove();
                            }


                        }
                    }
                });
                pages++;
            }, 2000);   //模拟延迟
        });
    })

    // val = $("#id")[0].value;
    mui(".mui-bar").on('tap','#sy',function(){
        console.log(sp_get_relative_url($url));
    });
    mui(".mui-bar").on('tap','#hot',function(){
        /*  if( $('#hotc').attr("value")==10){*/
        mui.openWindow({
            id:'hot.html',
            url:'../hot/hot',
        })
        $(".nav").hide();
    });
    mui(".mui-bar").on('tap','#my',function(){
        /*  if( $('#hotc').attr("value")==10){*/
        mui.openWindow({
            id:'hot.html',
            url:'../my/my',
        })
        $(".nav").hide();
    });

</script>

</body>
</html>